<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>稍复杂的登录界面</title>
</head>
<body>
    <div class="container">
        <div class="welcome">
            <div class="pinkbox">

                <!-- 注册代码部分 -->
                <div class="signup nodisplay">
                    <h1>Register</h1>
                    <form  autocomplete="off">
                        <input type="text" placeholder="UserName"> 
                        <input type="email" placeholder="Email">  
                        <input type="password" placeholder="PassWord">
                        <input type="password" placeholder="Confirm PassWord">
                        <button class="button submit">Create Account</button>
                    </form>
                </div>

                <!-- 登录代码部分 -->
                <div class="signin">
                    <h1>Signin</h1>
                    <form class="more-padding" autocomplete="off">
                        <input type="text" placeholder="UserName">
                        <input type="password" placeholder="PassWord">
                        <div class="checkbox">
                            <input type="checkbox" id="remember"/><label for="remember">Remember Me</label>
                        </div>
                        <button class="button submit">Login</button>
                    </form>
                </div>
            </div>

            <div class="leftbox">
                <h2 class="tittle">
                    <span>BLOOM</span>&
                    <br>BOUQUET</h2>
                <P class="desc">
                    Pick youer perfect <span>bouquet</span></P>
                <img class="flower smaller" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F604e5ca90ac84149ccdd28160a0735c588a84df5281df-yfRueM_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1662890737&t=e571c2d3cc448d5a66e64849db9ac6b3" >
            </div>
        </div>
    </div>
</body>
</html>